<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<style>

			*{

				margin: 0;

				padding: 0;

			}

			#top{

				height: 50px;

				margin:4px 0px 0px 50px;


			}

			#top .img1{

				position: absolute;

				right: 740px;

				top: 18px;

			}

			#top .word1{

				position: relative;

				top: -6px;

				background: #EAFFFA;

				color: #7B7B7B;

				text-decoration: none;

				margin: 400px;

				font-size: 16px;

				text-align: center;

				padding: 0 22px;

			}

			#daohang{

				border: 1px solid #fff;

				height: 42px;

				line-height: 42px;

				background: #FE6915;

				padding-left: 10px;

				margin-left: 49px;

				width: 1090px;

			}

			#daohang li a{

				color: #fff;

				text-decoration: none;

				font-size: 18px;

			}

			#daohang ul{

				/*防止盒子塌陷*/

				overflow: hidden;

			}

			#daohang ul li{

				float: left;

				padding: 0 12px;

			}

			

			#daohang ul li:hover{

				background: black;

			}

			#img img{

				margin-left: 50px;

			}

			#middle{

				border: 2px solid #CCE9AC;

				margin-left: 49px;

				width: 1090px;

				height: 400px;

				position: relative;

			}

			#middle .img2{

				position: absolute;

				left: -20px;

				top: 20px;
			}

			#middle .img3{

				position: absolute;

				top: 110px;

				left: 10px;

			}

			#middle .img4{

				position: absolute;

				left: 40px;

				top: 60px;

			}

			#wenben1{

				position: absolute;

				font-size: 14px;

				left: 290px;

				top: 340px;

			}

			#wenben1 .word6{

				color: #1A66B3;

				font-size: 18px;

			}

			#wenben1 .word7{

				color: #8E112B;

			}

			#wenben1 li{

				list-style: none;

			}

			#middle2{

				position: absolute;

				right: 600px;

				top: 260px;

			}

			#wenben2 li{

				list-style: none;

			}

			#wenben2{

				position: absolute;

				right: 250px;

				top: 260px;
			}
			.word8{

				color: #1A66B3;
			}
			.word9{

				color: #8E112B;

			}

			.word10{

				color: #5EA593;

			}

			#middle3{

				position: absolute;

				right: 600px;

				top: 460px;
			}
			#wenben3 li{

				list-style: none;
			}
			#wenben3{

				position: absolute;

				right: 400px;

				top: 480px;

			}

			#foot p{

				font-size: 12px;

				padding-left: 180px;

				padding-bottom: 40px;

				color: #999999;

			}

		</style>

	</head>

	<body>

		<div id="top">

			<img src="../img/banner.png" height="50"/>

			<img src="../img/bg_bang.gif"  class="img1"/>

			<a href="#" class="word1"> 唯品会    当当优品     数字馆     都看阅器</a>

		</div>

		<div id="daohang">

			<ul>

				<li><a href="#">首页</a></li>

				<li><a href="#">图书</a></li>

				<li><a href="#">音像</a></li>

				<li><a href="#">童装</a></li>

				<li><a href="#">服装</a></li>

				<li><a href="#">鞋靴</a></li>

				<li><a href="#">运动</a></li>

				<li><a href="#">箱包</a></li>

				<li><a href="#">美妆</a></li>

				<li><a href="#">珠宝</a></li>

				<li><a href="#">家居</a></li>

				<li><a href="#">食品</a></li>

				<li><a href="#">酒</a></li>

				<li><a href="#">手机</a></li>

				<li><a href="#">数码</a></li>

				<li><a href="#">电脑</a></li>

				<li><a href="#">家电</a></li>

			</ul>

		</div>

		<div id="img">

			<img src="../img/bookNo1.gif"/>

		</div>

		

		<div id="middle">

			<img src="../img/bookNo2.gif" class="img2"/>

			<img src="../img/bookNo3.gif" class="img4" />

			<img src="../img/book-01.jpg" width="260" height="260" class="img3"/>

		</div>

		<div id="wenben1">

			

			<ul>

				<li><span class="word6">偷影子的人</span></li>	

				<br />

				<li>作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译</li>

				<br />

				<li>出版社：湖南文艺出版社</li>

				<br />

				<li>当当价：<span class="word7">￥ 17.90</span></li>

				<br />

				<li>

					不知道姓氏的克蕾儿。这就是你在我生命里的角色，<br/>我童年时的小女孩，今日蜕变成了女人，一段青梅竹<br/>马的回忆，一个时间之神没有应允的愿望。 一个老是<br/>受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能<br/>力而强大：他能“偷别人的影子”，因而能看见他

				</li>

			</ul>

		</div>

		<div id="middle2">

			<img src="../img/book-02.jpg" />

			

		</div>

		

		<div id="wenben2">

			<ul>

				<li>

					<span class="word8">看见(央视知名记者、主持人柴静：十年个人<br/>成长的告白，中国社会变迁的备忘 </span>

				</li>

				<li>作 者：柴静 著</li>

				<li>出版社：广西师范大学出版社</li>

				<li>

					<span class="word9">￥ 29.40 </span>

					<span class="word10">7.4折</span>

				</li>

			</ul>

		</div>

		

		<div id="middle3">

			<img src="../img/book-03.jpg" />

		</div>

		

		<div id="wenben3">

			<ul>

				<li>

					<span class="word8">改变孩子先改变自己  </span>

				</li>

				<li>作 者：贾容韬 贾毅 著</li>

				<li>出版社：作家出版社</li>

				<li>

					<span class="word9">￥ 22.20</span>

					<span class="word10"> 7.4折</span>

				</li>

			</ul>

		</div>

		

		

		<div id="foot">

			<p>

				Copyright (C) 当当网 2004-2017, All Rights Reserved<img src="../img/validate.gif"/>京ICP证041189号出版物经营许可证 新出发京批字第直0673号

			</p>

		</div>

	</body>

</html>

